var str = "\
      <a href='#' class='probootstrap-close-menu js-probootstrap-close-menu d-md-none'><span class='oi oi-arrow-left'></span> Close</a>\
      <div class='probootstrap-site-logo probootstrap-animate' data-animate-effect='fadeInLeft'>\
        <a href='index.html' class='mb-2 d-block probootstrap-logo'>时间:xxx</a>\
        <p class='mb-0'>星星勋章,可以燎原 </p>\
      </div>\
      <div class='probootstrap-overflow'>\
        <nav class='probootstrap-nav'>\
          <ul>\
            <li name='index' class='probootstrap-animate ' data-animate-effect='fadeInLeft'><a href='index.html'>Home</a></li>\
            <li name='about' class='probootstrap-animate' data-animate-effect='fadeInLeft'><a href='about.html'>About</a></li>\
            <li name='services' class='probootstrap-animate' data-animate-effect='fadeInLeft'><a href='services.html'>Services</a></li>\
            <li name='contact' class='probootstrap-animate' data-animate-effect='fadeInLeft'><a href='contact.html'>Contact</a></li>\
          </ul>\
        </nav>\
        <footer class='probootstrap-aside-footer probootstrap-animate' data-animate-effect='fadeInLeft'>\
          <ul class='list-unstyled d-flex probootstrap-aside-social'>\
            <li><a href='#' class='p-2'><span class='icon-twitter'></span></a></li>\
            <li><a href='#' class='p-2'><span class='icon-instagram'></span></a></li>\
            <li><a href='#' class='p-2'><span class='icon-dribbble'></span></a></li>\
          </ul>\
        </footer>\
      </div>";
$("#aside_id").html(str);
var activename = $("#aside_id").attr("name");
$("#aside_id li[name='"+activename+"']").addClass('active');

